* {
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
  transition:
    background-color .2s ease-in-out,
    margin .2s ease-in-out,
    opacity .2s ease-in-out,
    filter .2s ease-in-out,
    visibility .2s ease-in-out,
    transform .2s ease-in-out,
    border-color .2s ease-in-out;
}

html,
body,
#root {
  height: 100%;
}

body {
  background: #e7eaee;
}

.bgcol {
  background: #e7eaee;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100%;
}

.f12 > a {
  font-size: 12px !important;
}

.mb20 {
  margin-bottom: 20px;
}

a {
  color: black;
}

a:hover {
  color: #f40a12 !important;
}

svg {
  font-size: 24px;
}

svg:hover path {
  fill: #f40a12;
}

.active {
  color: #f40a12 !important;
}

.ant-card {
  border-radius: 0 !important;
}

:root {
  --bgcolor: #fff;
  --color: #000;
}
